/**
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

.header {
  margin-bottom: 0px;
  border-bottom: darkgray 1px solid;
}

a {
  cursor: pointer
}

.logo {
  width: 150px;
}

.sort-ascent:before {
  content: "\25BE";
}

.sort-descent:before {
  content: "\25B4";
}

ul.breadcrumb {
  font-size: 20px;
}

ul.breadcrumb>li.right {
  float: right;
}

ul.breadcrumb>li.right:before {
  content: none;
}

.page-header {
  margin: 0 0 0;
  border-bottom: 0px;
}

.summaryButton {
  margin-bottom: 10px;
}

.schedulingStatus {
  border-bottom: 1px #aaaaaa dashed;
}

.bottomRight {
  bottom: 10px;
  right: 10px;
  position: fixed;
}

.groupSummary {
  float: left;
  white-space: nowrap;
  overflow: hidden;
}

.activeGroup {
  margin-top: 10px;
}

.activeGroup .unstyled {
  padding: 1em;
}

.instanceGroups:after, .visibleGroups:after {
  clear: both;
  content: "";
  display: block;
}

.groupLabel {
  padding: 0.5em 1em;
  border-right: 1px dashed white;
  color: white;
  cursor: pointer;
  font-size: 12px;
  display: block;
}

.groupLabel:hover, .groupLabel:active {
  color: white;
}

.groupSummary:last-of-type .groupLabel {
  border-right: 0;
}

.groupHeader {
  color: white;
  padding: 0.5em 1em;
}

.configDetails {
  width: 350px;
  font-size: 12px;
}

.configDetails td {
  padding: 3px 8px;
}

.configDetails .cellLabel {
  font-weight: bold;
}

.visibleGroups {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.visibleGroups li {
  padding: 0;
  margin-right: 5px;
  float: left;
}

.pagination {
  text-align: center;
}

div.pagination {
  width: 100%;
}

.smart-table-global-search {
  padding: 1em;
}

.group-summary {
  padding-bottom: 10px;
}

.task-tab {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.completed-tasks-tab {
  padding-top: 10px;
}

.content-box {
  border: 1px solid #ddd;
  padding: 15px;
  margin: 15px 0;
}

.current-update {
  border-left: 5px solid #5cb85c;
}

.text-center {
  text-align: center;
}

.details {
  text-transform: uppercase;
  font-size: 11px;
}

.update-settings {
  font-size: 11px;
}

.update-settings span {
  text-transform: uppercase;
}

.finished-update {
  font-size: 11px;
  text-transform: uppercase;
}

.finished-update h3 {
  text-transform: none;
}

.setting-label {
  text-transform: uppercase;
  width: 200px;
  display: inline-block;
}

.axis {
  font-size: 10px;
}

.x line, .y line {
  stroke: #ccc;
  stroke-dasharray: 5,5;
}

.x.axis path, .y.axis path {
  stroke: #444;
  fill: none;
}

.progress {
  margin-bottom: 0;
}

.instance-grid {
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-bottom: 20px;
}

.instance-grid:after {
  clear: both;
  content: '#';
  visibility: hidden;
}

.instance-grid li {
  padding: 0;
  float: left;
}

.instance-grid .instance-id {
  visibility: hidden;
}

.instance-grid.big .instance-id {
  visibility: visible;
}

.instance-grid.medium li {
  width: 7px;
  height: 7px;
  margin-right: 2px;
  margin-bottom: 2px;
}

.instance-grid.small li {
  width: 3px;
  height: 3px;
  margin-right: 2px;
  margin-bottom: 2px;
}

.instance-grid.big li {
  width: 15px;
  height: 15px;
  margin-right: 5px;
  margin-bottom: 5px;
  color: white;
  text-align: center;
}

.instance-updated {
  background-color: darkseagreen;
  fill: rgba(143, 188, 143, 0.5);
  stroke: darkseagreen;
  stroke-width: 2;
}

.instance-skipped {
  background-color: #6FDE6F;
  fill: rgba(111,222,111, 0.5);
  stroke: #6FDE6F;
  stroke-width: 2;
}

@-webkit-keyframes pulse {
  0%   {
    box-shadow: 0 0 15px 1px darkseagreen;
    background-color: darkseagreen;
  }
  50%  {
    box-shadow: none;
    background-color: khaki;
  }
  100% {
    box-shadow: 0 0 15px 1px darkseagreen;
    background-color: darkseagreen;
  }
}

@keyframes pulse {
  0%   {
    box-shadow: 0 0 15px 1px darkseagreen;
    background-color: darkseagreen;
  }
  50%  {
    box-shadow: none;
    background-color: khaki;
  }
  100% {
    box-shadow: 0 0 15px 1px darkseagreen;
    background-color: darkseagreen;
  }
}

.instance-updating {
  box-shadow: none;
  -webkit-animation: pulse 2s infinite;
  animation: pulse 2s infinite;
}

.aborted > .instance-updating {
  animation: none !important;
}

.instance-updating, .instance-added, .instance-rolling-back {
  background-color: khaki;
  fill: rgba(240, 230, 140, 0.5);
  stroke: khaki;
  stroke-width: 2;
}

.instance-update-failed,
.instance-rollback-failed {
  background-color: indianred;
  fill: rgba(205, 92, 92, 0.5);
  stroke: indianred;
  stroke-width: 2;
}

.instance-removed {
  background-color: darkseagreen;
  fill: rgba(0, 0, 0, 0.7);
  stroke: black;
  stroke-width: 2;
}

li.instance-removed {
  border: 1px solid #444;
}

.instance-rolled-back {
  fill: rgba(60, 26, 26, 0.5);
}

li.instance-rolled-back {
  background-color: darkseagreen;
  border: 1px solid indianred;
}

.instance-grid li.pending {
  background-color: white;
  border: 1px solid darkseagreen;
}

.instance-grid li.ignore {
  background-color: #eee;
}

.instance-summary-title .instance-title {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
}

.instance-summary-title .instance-progress {
  font-size: 12px;
  font-weight: bold;
  position: absolute;
  right: 25px;
}

.update-time {
  margin: 20px 0;
  text-align: center;
  text-transform: uppercase;
}

.update-time h4 {
  font-size: 33px;
  margin: 0;
}

.update-time .time-ago {
  color: #999;
}

.time-divider {
  text-align: center;
  font-size: 70px;
  font-weight: bold;
  color: #ccc;
}

.time-display-duration {
  text-transform: uppercase;
  text-align: center;
  color: #999;
  margin-top: -20px;
  margin-bottom: 20px;
}

.update-user {
  text-transform: uppercase;
  margin-top: -10px;
  display: block;
  color: #999;
}

.progress-details {
  margin-bottom: 20px;
}

.in-progress-alert a {
  font-size: 25px;
  font-weight: bold;
}

.in-progress-alert progressbar {
  margin-top: 10px;
}

.in-progress-alert span {
  font-size: 11px;
  text-transform: uppercase;
}

.progress {
  margin-top: 10px;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.loading {
  text-align: center;
}

.loading span,
span.loading {
  -webkit-animation: spin 1.1s infinite linear;
  animation: spin 1.1s infinite linear;
}

.clickable {
  cursor: pointer
}